Shopify's design system: Polaris Shopify 的設計系統：Polaris

https://shopify.dev/docs/apps/design

什麼是 Polaris？

Polaris 是由 Shopify 建立的設計系統，目的是幫助設計師和開發者為使用 Shopify 平臺的賣家設計友好、高效的產品體驗。

Polaris 首頁結構概覽

Guides（指南）

提供設計實用建議，例如：國際化（Internationalization）：讓產品適應不同語言和文化環境如何與 Shopify 平臺良好整合

Polaris 四大核心組成部分

1 Content（內容）

指導如何用正確語言表達設計意圖。包括語氣、語法、命名等建議。提供可操作語言（actionable language）技巧，幫助使用者快速理解並採取行動

2 Design（設計）

包含所有視覺元素，如顏色、字型、圖示、音效等，還涵蓋技術性更強的設計要素：間距、互動狀態等。非常適合用於設計高保真原型或完善介面細節。

3 Components（元件）

提供完整的 UI 元件庫，如按鈕、導航、表單等。每個元件都附有詳細說明、使用建議和程式碼示例設計師和開發者都可以直接複用，保證一致性。

4 Experiences（體驗）

包含頁面佈局、移動端模式、常見錯誤提示設計等。指導如何打造符合 Shopify 產品體驗標準的 UI 流程

What's New（最新更新）

展示 Polaris 設計系統的版本迭代、新增功能和最佳化項

Resources（資源）

提供Figma / Sketch 的 UI 元件包（UI kits）可直接匯入使用，大大提升設計效率

Foundations（基礎指南）

在 Polaris 的 Foundations 頁面（透過導航欄進入）中，你可以找到關鍵設計基石的說明，包括：

• 可訪問性（Accessibility）

• 國際化（Internationalization）

• 資訊架構（Information Architecture）強調內容組織的邏輯性與使用者導航效率。包含 Shopify 自身的資訊架構理念與實踐原則

• 移動端適配（Mobile）

適合初學者的學習建議

Polaris 與 Material Design 一樣，都是你可以參考並複用的專業設計系統。